<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head lang="en">
		<meta charset="utf-8" />
		<title>最家</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/myorder.css" />
	</head>
	<body>
    <div class="head ding">
        <div class="wrapper clearfix">
            <div class="clearfix" id="top">
                <h1 class="fl">
                    <a href="login" th:href="@{login}">
                        <img src="static/img/logo.png" th:src="@{/img/logo.png}"/>
                    </a>
                </h1>
                <div class="fr clearfix" id="top1">
                    <div th:if="${session.user!=null}" class="fl">
                        <p class="fl">
                            <a href="logout" id="logout" th:object="${session.user}">
                                <span th:text="*{username}">登录后的姓名</span>
                            </a>
                        </p>
                    </div>
                    <div th:if="${session.user==null}" class="fl">
                        <p class="fl">
                            <a href="../user/login.html" id="login">登录</a>
                            <a href="../user/reg.html" id="reg">注册</a>
                        </p>
                    </div>
                    <form action="#" method="get" class="fl">
                        <input type="text" placeholder="搜索" />
                        <input type="button" />
                    </form>
                    <div class="btn fl clearfix">
                        <a th:href="${session.user!=null}?'/user/myPersonCenter':'tologin'">
                            <img src="static/img/grzx.png" th:src="@{/img/grzx.png}"/>
                        </a>
                        <a href="#" class="er1">
                            <img src="static/img/ewm.png" th:src="@{/img/ewm.png}"/>
                        </a>
                        <a href="/tocart">
                            <img src="static/img/gwc.png" th:src="@{/img/gwc.png}"/>
                        </a>
                        <p>
                            <a href="#">
                                <img src="static/img/smewm.png" th:src="@{/img/smewm.png}"/>
                            </a>
                        </p>
                    </div>
                </div>
            </div>
            <ul class="clearfix" id="bott">
                <li><a href="/">首页</a></li>
                <li>
                    <a href="paint">所有商品</a>
                    <div class="sList">
                        <div class="wrapper  clearfix">
                            <a href="paint">
                                <dl>
                                    <dt><img src="img/nav1.jpg"/></dt>
                                    <dd>浓情欧式</dd>
                                </dl>
                            </a>
                            <a href="flowerDer">
                                <dl>
                                    <dt><img src="img/nav2.jpg"/></dt>
                                    <dd>浪漫美式</dd>
                                </dl>
                            </a>
                            <a href="decoration">
                                <dl>
                                    <dt><img src="img/nav3.jpg"/></dt>
                                    <dd>雅致中式</dd>
                                </dl>
                            </a>
                            <a href="paint">
                                <dl>
                                    <dt><img src="img/nav6.jpg"/></dt>
                                    <dd>简约现代</dd>
                                </dl>
                            </a>
                            <a href="walls">
                                <dl>
                                    <dt><img src="img/nav7.jpg"/></dt>
                                    <dd>创意装饰</dd>
                                </dl>
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="flowerDer">装饰摆件</a>
                    <div class="sList2">
                        <div class="clearfix">
                            <a href="proList">干花花艺</a>
                            <a href="vase_proList">花瓶花器</a>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="decoration">布艺软饰</a>
                    <div class="sList2">
                        <div class="clearfix">
                            <a href="zbproList">桌布罩件</a>
                            <a href="bzproList">抱枕靠垫</a>
                        </div>
                    </div>
                </li>
                <li><a href="walls">墙式壁挂</a></li>
                <li><a href="perfume">蜡艺香薰</a></li>
                <li><a href="idea">创意家居</a></li>
            </ul>
        </div>
    </div>
		<!------------------------------idea------------------------------>
		<div class="address mt">
			<div class="wrapper clearfix">
				<a href="/" class="fl">首页</a>
				<span>/</span>
				<a href="/user/myPersonCenter">个人中心</a>
				<span>/</span>
				<a href="/toMyorderq" class="on">我的订单</a>
			</div>
		</div>

		<!------------------------------Bott------------------------------>
		<div class="Bott">
			<div class="wrapper clearfix">
				<div class="zuo fl">
                    <h3 th:if="${session.user==null}">
                        <p class="clearfix">
                            <a href="/tologin">
                                    <span class="fl" th:text="请登录">[<span>羊羊羊</span>]
                                    </span>
                            </a>
                        </p>
                    </h3>
                    <div th:if="${session.user!=null}">

                        <h3>
                            <a href="#">
                                <img src="img/tx.png" th:src="@{/img/tx.png}"/>
                            </a>
                        </h3>

                        <h3 class="clearfix" th:object="${session.user}">
                                <span class="fl">[<span th:text="*{username}">羊羊羊</span>]
                                </span>
                            <span class="fr">
                                    <a href="logout">[退出登录]</a>
                                </span>
                        </h3>

                    </div>
                    <div>
                        <h4>我的交易</h4>
                        <ul>
                            <li>
                                <a href="/tocart">我的购物车</a>
                            </li>
                            <li>
                                <a href="/toMyorderq">我的订单</a>
                            </li>
                            <li>
                                <a href="myprod.html">评价晒单</a>
                            </li>
                        </ul>
                        <h4>个人中心</h4>
                        <ul>
                            <li class="on">
                                <a href="/user/myPersonCenter">我的中心</a>
                            </li>
                            <li>
                                <a href="/address/increaseAddr">地址管理</a>
                            </li>
                        </ul>
                        <h4>账户管理</h4>
                        <ul>
                            <li>
                                <a href="/user/midifyGRXinXi">个人信息</a>
                            </li>
                            <li>
                                <a href="/modifyPassword">修改密码</a>
                            </li>
                        </ul>
                    </div>
				</div>
				<div class="you fl" >
					<div class="my clearfix">
						<h2 class="fl">我的订单</h2>
						<a href="#" class="fl">请谨防钓鱼链接或诈骗电话，了解更多&gt;</a>
					</div>
					<div class="dlist clearfix">
						<ul class="fl clearfix" id="wa">
							<li class="on"><a href="#2">全部订单</a></li>
							<li><a href="#2" name="unpaid">待支付</a></li>
							<li><a href="#2"  name="waitShipped">待发货</a></li>
							<li><a href="#2" name="waitReceiving">待收货</a></li>
							<li><a href="#2" name="closed">已关闭</a></li>
						</ul>
						<form action="#" method="get" class="fr clearfix">
							<input type="text" name="" id="ac" value="" placeholder="请输入商品名称、订单号" />
							<input type="button" name="" id="ab" value="" />
						</form>
					</div>
					<!--订单状态  unpaid:未支付；waitReceiving:待收货；waitEvaluated：待评价；waitShipped：待发货；closed：已关闭 -->
					<div class="dkuang" th:each="order:${orderList}">
                        <input name="orderNum" type="hidden" th:value="${order.orderNum}">
						<p class="one" th:if="${order.orderStatus=='unpaid'}">待支付</p>
						<p class="one" th:if="${order.orderStatus=='waitShipped'}">待发货</p>
						<p class="one fl" th:if="${order.orderStatus=='waitReceiving'}">待收货</p>
						<p class="one" th:if="${order.orderStatus=='waitEvaluated'}">已收货</p>
						<p class="one" th:if="${order.orderStatus=='closed'}">已关闭</p>
						<div  class="clearfix" th:if="${order.orderStatus=='waitReceiving'}">
							<div class="fl vewwl">
								<a href="towuliu" class="ckwl">查看物流</a>
								<div class="wuliu">
									<h4>圆通速递：858888888888888</h4>
									<ul>
										<li>
											<p>妥投投递并签收，已签收。签收人：本人签收</p>
											<p>2016-12-03 17:30:00</p>
										</li>
										<li>
											<p>深圳市南油速递营销部安排投递（投递员姓名：六六六。联系电话：14243452522;</p>
											<p>2016-12-03 08:50:00</p>
										</li>
										<li>
											<p>到达广东省邮政速递物流有限公司深圳航空邮件处理中心处理中心（经转）</p>
											<p>2016-12-03 02:20:00</p>
										</li>
										<li>以上为最新跟踪信息<a href="towuliu">查看全部</a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="word clearfix">
							<ul class="fl clearfix">
								<li th:text="${#dates.format(order.createTime,'yyyy年MM月dd日 hh:mm')}">2016年12月1日 18:53</li>
								<li th:text="${order.username}">杨小黄</li>
								<li th:text="${order.orderNum}">订单号:5160513358520018</li>
								<li>在线支付</li>
							</ul>
							<p class="fr">订单金额：<span th:text="${order.subtotal}">99.00</span>元</p>
						</div>
						<div class="shohou clearfix">
							<a href="#" class="fl"><img th:src="@{${order.productPicture}}"/></a>
							<p class="fl">
								<a href="#">家用创意菜盘子圆盘 釉下彩复古</a>
								<a href="" th:text="'￥'+${order.productPrice}+'x'+${order.productCount}">¥99.00×1</a>
							</p>
							<p class="fr">
								<a href="#" th:if="${order.orderStatus=='unpaid'}">立即支付</a>
								<a href="#" th:if="${order.orderStatus=='waitShipped'}">等待发货</a>
								<a href="" name="waitReceiving" th:if="${order.orderStatus=='waitReceiving'}">确认收货</a>
								<a href="#" th:if="${order.orderStatus=='waitEvaluated'}">立即评价</a>
								<a href="#" th:if="${order.orderStatus=='closed'}">交易失败</a>
								<a th:href="@{toOrderxq(orderNum=${order.orderNum})}">订单详情</a>
							</p>

						</div>
					</div>

					<div class="fenye clearfix">
						<a href="#"><img src="img/zuo.jpg"/></a>
						<a href="#">1</a>
						<a href="#"><img src="img/you.jpg"/></a>
					</div>
				</div>
			</div>
		</div>
		<!--返回顶部-->
		<div class="gotop">
			<a href="../cart/cart.html">
			<dl>
				<dt><img src="img/gt1.png"/></dt>
				<dd>去购<br />物车</dd>
			</dl>
			</a>
			<a href="#" class="dh">
			<dl>
				<dt><img src="img/gt2.png"/></dt>
				<dd>联系<br />客服</dd>
			</dl>
			</a>
			<a href="../user/mygxin.html">
			<dl>
				<dt><img src="img/gt3.png"/></dt>
				<dd>个人<br />中心</dd>
			</dl>
			</a>
			<a href="#" class="toptop" style="display: none">
			<dl>
				<dt><img src="img/gt4.png"/></dt>
				<dd>返回<br />顶部</dd>
			</dl>
			</a>
			<p>400-800-8200</p>
		</div>
		<!--footer-->
		<div class="footer">
			<div class="top">
				<div class="wrapper">
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot1.png"/></a>
						<span class="fl">7天无理由退货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot2.png"/></a>
						<span class="fl">15天免费换货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot3.png"/></a>
						<span class="fl">满599包邮</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="img/foot4.png"/></a>
						<span class="fl">手机特色服务</span>
					</div>
				</div>
			</div>
			<p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br />
			违法和不良信息举报电话：188-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>
		<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/user.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
            $(function(){
                $("[name=waitReceiving]").click(function(){
                    var orderNum=$("[name=orderNum]").val();
					console.log(status);
					console.log(orderNum)
                    $.ajax({
						url:"modifyOrderByOrderStatus",
                        type:"POST",
                        dataType:"json",
                        data:{
                            orderNum:orderNum
                        },

                    });
                });
            });

		</script>
	</body>
</html>
